<style>

  .w4-prolist-add.has-header{
    top:132px;
  }
  .w4-prolist-add.has-tabs.pane{
    bottom: 0;
    height: auto;
  }

  .platform-ios.platform-cordova:not(.fullscreen) .productadd-content.has-header{
    top: 44px;
  }
  .proAdd_scoll.scroll-view.scroll-x{
    overflow: hidden;
  }
  .productadd-content{
    bottom:44px;padding-top: 5px
  }
  .ng-valid-parse + div{
    color: #ff7000;
  }
  .item-radio input:checked + .radio-content .item-content {
    background: #ffffff;
  }

</style>

<ion-view view-title="添加产品" >
  <ion-header-bar class="index_head">
    <button class="button button-icon icon ion-android-arrow-back" ui-sref="app.shopsProduct2({isuploadok:addrandom})"   style="color: #fff"></button>
    <div class="h1 title"> 添加产品</div>
  </ion-header-bar>

<div class="product_con_wrap">


  <div class="swiper-container gallery-thumbs" >
    <div class="swiper-wrapper"  id="slelist_add">
      <div class="swiper-slide swiper-slide-active">集合信托</div>
      <div class="swiper-slide">集合资管</div>
      <div class="swiper-slide">债权基金</div>
      <div class="swiper-slide">阳光私募</div>
      <div class="swiper-slide">股权基金</div>
    </div>
  </div>
    <div class="bg-fff product_search" style="padding: 5px;" ui-sref="search">
      <div style="">
        <img width="14px" src="./img/tools/search@2x.png" alt="搜索图标"/>搜索
      </div>
    </div>
  <div class="swiper-container gallery-top" id="sletabview" >
    <div class="swiper-wrapper">
      <!--集合信托-->
      <div class="swiper-slide">


        <div class="row row-no-padding w4-prolist-sort">
          <div ng-class="{'w4-prolist-sort-active':issle==1}" class="col text-center" ng-click="proSort('one',1)">综合排序</div>
          <div ng-class="{'w4-prolist-sort-active':issle==2}" class="col text-center" ng-click="proSort('one',2)">佣金高到低</div>
          <div ng-class="{'w4-prolist-sort-active':issle==3}" class="col text-center" ng-click="proSort('one',3)">收益高到低</div>
          <div class="col text-center" ng-class="{'isFilterSle-yes':isFilterSleOne,'isFilterSle-no':!isFilterSleOne}" ng-click="filterOpen(1)" >筛选</div>
        </div>
          <ion-content class="productadd-content"   on-scroll="getScrollPosition('one')" delegate-handle="one" >
          <ion-refresher pulling-text="添加到店铺的产品，不会显示佣金" on-refresh="doRefresh('one')"></ion-refresher>
          <div class="w4-prolist-list w4-prolist-list-issort" ng-repeat="item in product.one.list">
            <div ui-sref="product.xtzgdetail({id:item.code})">
              <div class="row w4-prolist-list-1">
                <div class="w4-prolist-name">{{item.name}}</div>
                <div ng-if="item.sfaVideoId">
                  <img class="w4-prolist-video" src="img/video_list.png" width="23px" />
                </div>
                <img ng-if="item.saleStatus == 02"  class="w4-hot-list-statusimg" src="img/status_yuren.png" width="39px" height="17px">
                <img ng-if="item.saleStatus == 03"  class="w4-hot-list-statusimg" src="img/status_mujizhong.png" width="39px" height="17px">
                <img ng-if="item.saleStatus == 04"  class="w4-hot-list-statusimg" src="img/status_muman.png" width="51px" height="17px">
                <img ng-if="item.saleStatus == 05"  class="w4-hot-list-statusimg" src="img/status_jieshu.png" width="51px" height="17px">
                <img ng-if="item.flagBaoxiao" class="w4-baoxiao-zhutui-statusimg" src="img/status_baoxiao.png" width="24px" height="40px">
                <img ng-if="item.flagZhutui && !item.flagBaoxiao" class="w4-baoxiao-zhutui-statusimg" src="img/status_zhutui.png" width="24px"
                     height="40px">
              </div>
              <div class="row w4-prolist-list-2">
                <div class="col">
                  <div class="w4-prolist-color">{{item.profitHight.expectAnnualRevenue}}</div>
                  <div>预期年化</div>
                </div>
                <div class="col">
                  <div ng-if="userRole == 'RZ'" ng-click="goCertification($event)" class="w4-prolist-color">认证可见</div>
                  <div ng-if="userRole == 'ZC'" class="w4-prolist-color">{{item.profitHight.pIsAgreement === '1'?'协议价':(item.profitHight.pRebateAmount?item.profitHight.pRebateAmount+'%':item.profitHight.rebate+'%')}}</div>
                  <div>返佣比例</div>
                </div>
                <div class="col">
                  <div>{{item.dueTime}}个月</div>
                  <div>产品期限</div>
                </div>
                <div class="col">
                  <div>{{product.investType[item.investType]}}</div>
                  <div>投资领域</div>
                </div>

              </div>
              <div ng-if="!(item.saleStatus == 02)" class="row w4-prolist-list-3">
                <div class="w4-prolist-progress">

                  <div class="w4-prolist-progress-in-circle" style="left: {{item.process}}%">
                    <div class="w4-prolist-progressinfo" ng-if="item.process<90">{{item.process}}%</div>
                    <div class="w4-prolist-progressinfo" style="margin-left: -45px" ng-if="item.process>=90">{{item.process}}%</div>
                  </div>
                  <div class="w4-prolist-progress-in" style="width:{{item.process}}%"></div>
                </div>
              </div>
            </div>
            <div ng-click="productAddToShop(item.type, item)" class="shop-product-delete" style="margin-top: -10px; margin-bottom: 0px;">
              <i ng-show="item.flagShop"></i><span ng-show="item.flagShop">删除</span>
              <i ng-show="!item.flagShop" style="background-image: url(img/shops/product-add.png)"></i><span ng-show="!item.flagShop">添加</span>
            </div>
          </div>
          <ion-infinite-scroll ng-if="product.one.pager.hasNaxtPage && index==0" on-infinite="loadMore('one')" distance="1%">
          </ion-infinite-scroll>
          <div class="w4-prolist-nomore" ng-if="!product.one.pager.hasNaxtPage && index==0">没有更多的了</div>
        </ion-content>
      </div>
      <!--集合资管-->
      <div class="swiper-slide">
          <div class="row row-no-padding w4-prolist-sort">
              <div ng-class="{'w4-prolist-sort-active':issle==1}" class="col text-center" ng-click="proSort('two',1)">综合排序</div>
              <div ng-class="{'w4-prolist-sort-active':issle==2}" class="col text-center" ng-click="proSort('two',2)">佣金高到低</div>
              <div ng-class="{'w4-prolist-sort-active':issle==3}" class="col text-center" ng-click="proSort('two',3)">收益高到低</div>
              <div class="col text-center" ng-class="{'isFilterSle-yes':isFilterSleTwo,'isFilterSle-no':!isFilterSleTwo}" ng-click="filterOpen(2)" >筛选</div>
          </div>
        <ion-content class="productadd-content" on-scroll="getScrollPosition('two')" delegate-handle="two" >
          <ion-refresher pulling-text="添加到店铺的产品，不会显示佣金" on-refresh="doRefresh('two')">
          </ion-refresher>
          <div class="w4-prolist-list w4-prolist-list-issort" ng-repeat="item in product.two.list">
            <div ui-sref="product.xtzgdetail({id:item.code})">
              <div class="row w4-prolist-list-1">
                <div class="w4-prolist-name">{{item.name}}</div>
                <div ng-if="item.sfaVideoId">
                  <img class="w4-prolist-video" src="img/video_list.png" width="23px" />
                </div>
                <img ng-if="item.saleStatus == 02" class="w4-hot-list-statusimg"  src="img/status_yuren.png" width="39px" height="17px">
                <img ng-if="item.saleStatus == 03" class="w4-hot-list-statusimg"  src="img/status_mujizhong.png" width="39px" height="17px">
                <img ng-if="item.saleStatus == 04" class="w4-hot-list-statusimg"  src="img/status_muman.png" width="51px" height="17px">
                <img ng-if="item.saleStatus == 05" class="w4-hot-list-statusimg"  src="img/status_jieshu.png" width="51px" height="17px">
                <img ng-if="item.flagBaoxiao" class="w4-baoxiao-zhutui-statusimg" src="img/status_baoxiao.png" width="24px" height="40px">
                <img ng-if="item.flagZhutui && !item.flagBaoxiao" class="w4-baoxiao-zhutui-statusimg" src="img/status_zhutui.png" width="24px"
                     height="40px">
                </div>

            <div class="row w4-prolist-list-2">

                <div class="col">
                  <div class="w4-prolist-color">{{item.profitHight.expectAnnualRevenue}}</div>
                  <div>预期年化</div>
                </div>
                <div class="col">
                  <div ng-if="userRole == 'RZ'" ng-click="goCertification($event)" class="w4-prolist-color">认证可见</div>
                  <div ng-if="userRole == 'ZC'" class="w4-prolist-color">{{item.profitHight.pIsAgreement === '1'?'协议价':(item.profitHight.pRebateAmount?item.profitHight.pRebateAmount+'%':item.profitHight.rebate+'%')}}</div>
                  <div>返佣比例</div>
                </div>
                <div class="col">
                  <div>{{item.dueTime}}个月</div>
                  <div>产品期限</div>
                </div>
                <div class="col">
                  <div>{{product.investType[item.investType]}}</div>
                  <div>投资领域</div>
                </div>

              </div>
              <div class="row w4-prolist-list-3" ng-if="!(item.saleStatus == 02)">
                <div class="w4-prolist-progress">
                  <div class="w4-prolist-progress-in-circle" style="left: {{item.process}}%">
                    <div class="w4-prolist-progressinfo" ng-if="item.process<90">{{item.process}}%</div>
                    <div class="w4-prolist-progressinfo" style="margin-left: -45px" ng-if="item.process>=90">{{item.process}}%</div>
                  </div>
                  <div class="w4-prolist-progress-in" style="width:{{item.process}}%"></div>
                </div>

              </div>
            </div>
            <div ng-click="productAddToShop(item.type, item)" class="shop-product-delete" style="margin-top: -10px; margin-bottom: 0px;">
              <i ng-show="item.flagShop"></i><span ng-show="item.flagShop">删除</span>
              <i ng-show="!item.flagShop" style="background-image: url(img/shops/product-add.png)"></i><span ng-show="!item.flagShop">添加</span>
            </div>
          </div>
          <ion-infinite-scroll ng-if="product.two.pager.hasNaxtPage && index==1" on-infinite="loadMore('two')" distance="1%">
          </ion-infinite-scroll>
          <div class="w4-prolist-nomore" ng-if="!product.two.pager.hasNaxtPage && index==1">没有更多的了</div>
        </ion-content>
      </div>
      <!--债权基金-->
      <div class="swiper-slide">
          <div class="row row-no-padding w4-prolist-sort">
              <div ng-class="{'w4-prolist-sort-active':issle==1}" class="col text-center" ng-click="proSort('three',1)">综合排序</div>
              <div ng-class="{'w4-prolist-sort-active':issle==2}" class="col text-center" ng-click="proSort('three',2)">佣金高到低</div>
              <div ng-class="{'w4-prolist-sort-active':issle==3}" class="col text-center" ng-click="proSort('three',3)">收益高到低</div>
              <div class="col text-center" ng-class="{'isFilterSle-yes':isFilterSleThree,'isFilterSle-no':!isFilterSleThree}" ng-click="filterOpen(3)" >筛选</div>
          </div>

      <ion-content class="productadd-content"  on-scroll="getScrollPosition('three')" delegate-handle="three" >
        <ion-refresher pulling-text="添加到店铺的产品，不会显示佣金" on-refresh="doRefresh('three')">
        </ion-refresher>
        <div class="w4-prolist-list w4-prolist-list-issort" ng-repeat="item in product.three.list">
          <div ui-sref="product.xtzgdetail({id:item.code})">
            <div class="row w4-prolist-list-1">
              <div class="w4-prolist-name">{{item.name}}</div>
              <div ng-if="item.sfaVideoId">
                <img class="w4-prolist-video" src="img/video_list.png" width="23px" />
              </div>
              <img ng-if="item.saleStatus == 02"  class="w4-hot-list-statusimg" src="img/status_yuren.png" width="39px" height="17px">
              <img ng-if="item.saleStatus == 03"  class="w4-hot-list-statusimg" src="img/status_mujizhong.png" width="39px" height="17px">
              <img ng-if="item.saleStatus == 04"  class="w4-hot-list-statusimg" src="img/status_muman.png" width="51px" height="17px">
              <img ng-if="item.saleStatus == 05"  class="w4-hot-list-statusimg" src="img/status_jieshu.png" width="51px" height="17px">
              <img ng-if="item.flagBaoxiao" class="w4-baoxiao-zhutui-statusimg" src="img/status_baoxiao.png" width="24px" height="40px">
              <img ng-if="item.flagZhutui && !item.flagBaoxiao" class="w4-baoxiao-zhutui-statusimg" src="img/status_zhutui.png" width="24px"
                   height="40px">
            </div>
            <div class="row w4-prolist-list-2">
              <div class="col">
                <div class="w4-prolist-color">{{item.profitHight.expectAnnualRevenue}}</div>
                <div>预期年化</div>
              </div>
              <div class="col">
                <div ng-if="userRole == 'RZ'" ng-click="goCertification($event)" class="w4-prolist-color">认证可见</div>
                <div ng-if="userRole == 'ZC'" class="w4-prolist-color">{{item.profitHight.pIsAgreement === '1'?'协议价':(item.profitHight.pRebateAmount?item.profitHight.pRebateAmount+'%':item.profitHight.rebate+'%')}}</div>
                <div>返佣比例</div>
              </div>
              <div class="col">
                <div>{{item.dueTime}}个月</div>
                <div>产品期限</div>
              </div>
              <div class="col">
                <div>{{product.investType[item.investType]}}</div>
                <div>投资领域</div>
              </div>

            </div>
            <div class="row w4-prolist-list-3" ng-if="!(item.saleStatus == 02)">
              <div class="w4-prolist-progress">
                <div class="w4-prolist-progress-in-circle" style="left: {{item.process}}%">
                  <div class="w4-prolist-progressinfo" ng-if="item.process<90">{{item.process}}%</div>
                  <div class="w4-prolist-progressinfo" style="margin-left: -45px" ng-if="item.process>=90">{{item.process}}%</div>
                </div>
                <div class="w4-prolist-progress-in" style="width:{{item.process}}%"></div>
              </div>
            </div>
          </div>
          <div ng-click="productAddToShop(item.type, item)" class="shop-product-delete" style="margin-top: -10px; margin-bottom: 0px;">
            <i ng-show="item.flagShop"></i><span ng-show="item.flagShop">删除</span>
            <i ng-show="!item.flagShop" style="background-image: url(img/shops/product-add.png)"></i><span ng-show="!item.flagShop">添加</span>
          </div>
        </div>
        <ion-infinite-scroll ng-if="product.three.pager.hasNaxtPage && index==2" on-infinite="loadMore('three')" distance="1%">
        </ion-infinite-scroll>
        <div class="w4-prolist-nomore" ng-if="!product.three.pager.hasNaxtPage && index==2">没有更多的了</div>
        </ion-content>
      </div>
      <!--阳光私募-->
      <div class="swiper-slide">

      <ion-content class="productadd-content"  on-scroll="getScrollPosition('four')" delegate-handle="four" style="bottom:44px;margin-top: -40px">
        <ion-refresher pulling-text="添加到店铺的产品，不会显示佣金" on-refresh="doRefresh('four')">
        </ion-refresher>
        <div class="w4-prolist-list" ng-repeat="item in product.four.list">
          <div ui-sref="product.simu({id:item.id})">
            <div class="row w4-prolist-list-1">
              <div class="w4-prolist-name" style="padding-left: 10px">{{item.jjmc}}</div>
              <div ng-if="item.sfaVideo">
                <img class="w4-prolist-video" src="img/video_list.png" width="23px" />
              </div>
            </div>


              <div class="row w4-prolist-list-2">
                <div class="col">
                  <div>{{item.lsjzJson[0].jzdw || '--'}}</div>
                  <div>最新净值</div>
                </div>
                <div class="col">
                  <div>{{item.lsjzJson[0].ljjz || '--'}}</div>
                  <div>累计净值</div>
                </div>
                <div class="col">
                  <div class="w4-prolist-color">{{item.lsjzJson[0].zdf || '--'}}</div>
                  <div>涨跌幅</div>
                </div>
                <div class="col">
                  <div>{{item.jjjlmc.slice(0,4) || '-'}}</div>
                  <div>基金经理</div>
                </div>
              </div>
            </div>
            <div ng-click="productAddToShop('01', item)" class="shop-product-delete" style="margin-top: -10px; margin-bottom: 0px;">
              <i ng-show="item.flagShop"></i><span ng-show="item.flagShop">删除</span>
              <i ng-show="!item.flagShop" style="background-image: url(img/shops/product-add.png)"></i><span ng-show="!item.flagShop">添加</span>
            </div>
          </div>
          <ion-infinite-scroll ng-if="product.four.pager.hasNaxtPage && index==3" on-infinite="loadMore('four')" distance="1%">
          </ion-infinite-scroll>
          <div class="w4-prolist-nomore" ng-if="!product.four.pager.hasNaxtPage && index==3">没有更多的了</div>
        </ion-content>
      </div>
      <!--股权基金-->
      <div class="swiper-slide">
          <div class="row row-no-padding w4-prolist-sort">
            <div ng-class="{'w4-prolist-sort-active':issle==1}" class="col text-center" ng-click="proSort('five',1)">综合排序</div>
            <div ng-class="{'w4-prolist-sort-active':issle==2}" class="col text-center" ng-click="proSort('five',2)">佣金高到低</div>
            <div ng-class="{'w4-prolist-sort-active':issle==3}" class="col text-center" ng-click="proSort('five',3)">收益高到低</div>
            <div class="col text-center" ng-class="{'isFilterSle-yes':isFilterSleFive,'isFilterSle-no':!isFilterSleFive}" ng-click="filterOpen(5)" >筛选</div>
          </div>
      <ion-content class="productadd-content" on-scroll="getScrollPosition('five')" delegate-handle="five" >
        <ion-refresher pulling-text="添加到店铺的产品，不会显示佣金" on-refresh="doRefresh('five')">
        </ion-refresher>
        <div class="w4-prolist-list w4-prolist-list-issort" ng-repeat="item in product.five.list">
          <div ui-sref="product.pevc({id:item.code})">
            <div class="row w4-prolist-list-1">
              <div class="w4-prolist-name">{{item.name}}</div>
              <div ng-if="item.sfaVideoId">
                <img class="w4-prolist-video" src="img/video_list.png" width="23px" />
              </div>
              <img ng-if="item.saleStatus == 02"  class="w4-hot-list-statusimg" src="img/status_yuren.png" width="39px" height="17px">
              <img ng-if="item.saleStatus == 03"  class="w4-hot-list-statusimg" src="img/status_mujizhong.png" width="39px" height="17px">
              <img ng-if="item.saleStatus == 04"  class="w4-hot-list-statusimg" src="img/status_muman.png" width="51px" height="17px">
              <img ng-if="item.saleStatus == 05"  class="w4-hot-list-statusimg" src="img/status_jieshu.png" width="51px" height="17px">
              <img ng-if="item.flagBaoxiao" class="w4-baoxiao-zhutui-statusimg" src="img/status_baoxiao.png" width="24px" height="40px">
              <img ng-if="item.flagZhutui && !item.flagBaoxiao" class="w4-baoxiao-zhutui-statusimg" src="img/status_zhutui.png" width="24px"
                   height="40px">
            </div>

              <div class="row w4-prolist-list-2">
                <div class="col">
                  <div class="w4-prolist-color">{{item.profitHight.expectAnnualRevenue}}</div>
                  <div>基准收益</div>
                </div>
                <div class="col">
                  <div ng-if="userRole == 'RZ'" ng-click="goCertification($event)" class="w4-prolist-color">认证可见</div>
                  <div ng-if="userRole == 'ZC'" class="w4-prolist-color">{{item.profitHight.pIsAgreement === '1'?'协议价':(item.profitHight.pRebateAmount?item.profitHight.pRebateAmount+'%':item.profitHight.rebate+'%')}}</div>
                  <div>返佣比例</div>
                </div>
                <div class="col">
                  <div>{{item. dueTime }}个月</div>
                  <div>产品期限</div>
                </div>
                <div class="col">
                  <div>{{item.productExpandDTO.peOrganizeShape | zuzhixingshi}}</div>
                  <div>组织形式</div>
                </div>

              </div>
              <div class="row w4-prolist-list-3" ng-if="!(item.saleStatus == 02)">
                <div class="w4-prolist-progress">
                  <div class="w4-prolist-progress-in-circle" style="left: {{item.process}}%">
                    <div class="w4-prolist-progressinfo" ng-if="item.process<90">{{item.process}}%</div>
                    <div class="w4-prolist-progressinfo" style="margin-left: -45px" ng-if="item.process>=90">{{item.process}}%</div>
                  </div>
                  <div class="w4-prolist-progress-in" style="width:{{item.process}}%"></div>
                </div>
              </div>
            </div>
            <div ng-click="productAddToShop(item.type, item)" class="shop-product-delete" style="margin-top: -10px; margin-bottom: 0px;">
              <i ng-show="item.flagShop"></i><span ng-show="item.flagShop">删除</span>
              <i ng-show="!item.flagShop" style="background-image: url(img/shops/product-add.png)"></i><span ng-show="!item.flagShop">添加</span>
            </div>
          </div>
          <ion-infinite-scroll ng-if="product.five.pager.hasNaxtPage && index==4" on-infinite="loadMore('five')" distance="1%">
          </ion-infinite-scroll>
          <div class="w4-prolist-nomore" ng-if="!product.five.pager.hasNaxtPage && index==4">没有更多的了</div>
        </ion-content>
      </div>
    </div>

  </div>
</div>
</ion-view>
